<!DOCTYPE html>
<html lang="zh">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta http-equiv="X-UA-Compatible" content="ie=edge">
		<title>花店</title>
		<link rel="stylesheet" type="text/css" href="css/flower.css" />
	</head>
	<body>
		<div class="container">
			<div class="con-header">
				<div class="h-bg"></div>
				<ul>
					<li><a href="javascript:;">鲜花礼品</a></li>
					<li><a href="javascript:;">自助订花</a></li>
					<li><a href="javascript:;">绿色植物</a></li>
					<li><a href="javascript:;">花之物语</a></li>
					<li><a href="javascript:;">会员中心</a></li>
					<li><a href="javascript:;">联系我们</a></li>
					<li><a href="javascript:;">支付方式</a></li>
				</ul>
			</div>
			<div class="con-section">
				<div class="left">
					<div class="top">
						<div class="s-ubg"></div>
						<div class="form">
							<div class="group group-item">
								<label>用户</label>
								<input type="text" placeholder="请输入用户名" />
							</div>
							<div class="group group-item">
								<label>密码</label>
								<input type="text" placeholder="请输入密码" />
							</div>
							<div class="group group-btn">
								<button type="button">登录</button>
								<button type="button">注册</button>
								<button type="button">忘记密码</button>
							</div>
						</div>
						
					<div class="bottom">
						<div class="s-lbg"></div>
						<div class="box">
							<h5>用途</h5>
							<ul class="list">
								<li><img src="./images/icon1.gif" >爱情鲜花</li>
								<li><img src="./images/icon1.gif" >生日鲜花</li>
								<li><img src="./images/icon1.gif" >新年鲜花</li>
								<li><img src="./images/icon1.gif" >家庭用花</li>
								<li><img src="./images/icon1.gif" >亲情用花</li>
								<li><img src="./images/icon1.gif" >道歉鲜花</li>
								<li><img src="./images/icon1.gif" >开业鲜花</li>
								<li><img src="./images/icon1.gif" >会议用花</li>
							</ul>
						</div>
						<div class="box">
							<h5>花树</h5>
							<ul class="list">
								<li><img src="./images/icon1.gif" >玫瑰花</li>
								<li><img src="./images/icon1.gif" >百合花</li>
								<li><img src="./images/icon1.gif" >康乃馨</li>
								<li><img src="./images/icon1.gif" >玛蒂莲</li>
								<li><img src="./images/icon1.gif" >扶朗</li>
								<li><img src="./images/icon1.gif" >剑兰</li>
							</ul>
						</div>
						<div class="box">
							<h5>用价格</h5>
							<ul class="list">
								<li><img src="./images/icon1.gif" >100~200元</li>
								<li><img src="./images/icon1.gif" >200~300元</li>
								<li><img src="./images/icon1.gif" >300~400元</li>
								<li><img src="./images/icon1.gif" >400~500元</li>
								<li><img src="./images/icon1.gif" >500~600元</li>
								<li><img src="./images/icon1.gif" >600~800元</li>
								<li><img src="./images/icon1.gif" >800元以上</li>
							</ul>
						</div>
					</div>
					</div>
				</div>
				<div class="right">
					<div class="info">
						<div class="s-ibg"></div>
						<div class="info-con">
							<img src="./images/new1.jpg" >
							<img src="./images/new2.jpg" >
							<img src="./images/new3.jpg" >
						</div>
					</div>
					<div class="main">
						<div class="s-mbg"></div>
						<div class="main-more">
							<div class="main-con">
								<img src="./images/flower1.jpg" alt="">
								<p>幸福的味道</p>
								<p>&yen;288元</p>
								<img src="images/flower5.jpg" >
							</div>
							<div class="main-con">
								<img src="./images/flower2.jpg" alt="">
								<p>幸福的味道</p>
								<p>&yen;288元</p>
								<img src="images/flower6.jpg" >
							</div>
							<div class="main-con">
								<img src="./images/flower3.jpg" alt="">
								<p>幸福的味道</p>
								<p>&yen;288元</p>
								<img src="images/flower7.jpg" >
							</div>
							<div class="main-con">
								<img src="./images/flower4.jpg" alt="">
								<p>幸福的味道</p>
								<p>&yen;288元</p>
								<img src="images/flower8.jpg" >
							</div>
						</div>
						<div class="main-other">
							<div class="m-obg"></div>
							<div class="other">
								<img src="images/flower9.jpg" >
								<img src="images/flower10.jpg" >
								<img src="images/flower11.jpg" >
								<img src="images/flower12.jpg" >
							</div>
						</div>
						<div class="main-total">
							<div class="m-tbg"></div>
							<div class="total">
								<ul class="fore">
									<li>
										<span class="icon"></span>各种鲜花所代表的含义
									</li>
									<li>
										<span class="icon"></span>养花与养生之道
									</li>
									<li><span class="icon"></span>花香的味道</li>
									<li><span class="icon"></span>种花与送花</li>
								</ul>
								<ul class="fore">
									<li>
										<span class="icon"></span>花的喜怒哀乐与人的各种感觉
									</li>
									<li>
										<span class="icon"></span>每天清晨的第一缕阳光
									</li>
									<li><span class="icon"></span>世界各地关于送花的习惯</li>
									<li><span class="icon"></span>手捧一束鲜花的等待</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="con-footer"></div>
		</div>
	</body>
</html>
